<!--
 * @Description:
 * @Author: hui
 * @Date: 2022-02-18 10:55:54
 * @LastEditTime: 2022-02-22 11:51:18
-->
<template>
	<!-- <div class="breadCrumb">breadCrumb</div> -->
	<el-breadcrumb class="breadCrumb" separator=">">
    <!-- <el-breadcrumb-item><a href="/">首页</a></el-breadcrumb-item> -->
		<template v-for="(item, index) in breadList">
			<el-breadcrumb-item v-if="item.name" :key="index" :to="item.path">{{ item.name }}</el-breadcrumb-item>
		</template>
  </el-breadcrumb>
</template>
<script lang="ts" setup>
import { computed, getCurrentInstance } from 'vue';
const { proxy } = getCurrentInstance() as any;
const breadList = computed(() => {
	console.log('breadList', breadList)
	return proxy.$route.matched
})

</script>

<style lang="scss" scoped>
	.breadCrumb {
		width: 100%;
		padding-left: 20px;
	}
</style>
